<template>
    <button class="but" @click="headClick">这个是Stu2里的按钮</button>
    <button class="but">{{ nodeMsg }}</button>
    <p>{{ abc }}</p>
</template>

<script>
export default {
    props: {
        abc: String,
        nodeMsg: {
            type: String,
            required: true,
            default: '这是默认值123',
            validator(value) {
                console.log(value)
                return true
            }
        }
    },//['nodeMsg', 'abc'],
    methods: {
        headClick() {
            //在子模块，通过
            //$emit('父模块里的事件名称','要传给父模块的参数')
            //方法通知父模块里的方法
            this.$emit('myClick', '山西青年职业学院，21级大数据班')
        }
    }
}
</script>

<style>
.but {
    padding: 15px 32px;
    font-size: 16px;
    background-color: white;
    border: 2px solid aquamarine;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
}
</style>
